<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1">
    <title>区块头条</title>


    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>
    <script src="js/jquery.color.min.js" type="text/javascript"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="bootstrap/js/bootstrap.min.js"></script>

    <!--自定义字体-->
    <link rel="stylesheet" href="css/font.css">

    <link rel="stylesheet/less" type="text/css" href="css/base.less" />
    <link rel="stylesheet" type="text/css" href="css/newCurrency.css">

    <script src="js/less.js"></script>
    <script src="js/qs.js"></script>
    <script src="js/base.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script src="js/jquery.md5.js"></script>
    <script src="js/html-params.js"></script>
    <script src="js/vue.js"></script>

    <!--各种图-->
    <!--加载Axios-->
    <script src="js/axios.min.js"></script>

    <script src="js/page/newCurrency.js"></script>
</head>
<body>
<div id="header" v-cloak="">
    <header-content></header-content>
</div>

<div id="main">
        <div class="content">
            <div id="currency-nav">
                <div class="total">
                    <select class="change-year" v-model="currYear" @change="setYearMonthDate('year',$event)" disabled="disabled">
                        <option v-for="item in years" :value="item.indexId" v-cloak="">{{ item.value }}</option>
                    </select>
                    <select class="change-month" v-model="currMaxMonth" @change="setYearMonthDate('month',$event)" >
                        <option v-for="item in month" :value="item.indexId" v-cloak="">{{ item.value }}</option>
                    </select>
                </div>
                <!--货币信息-->
                <div class="msg-list">
                    <div class="next-btn" @click="nextWeek"><img src="image/you.png"  width="10px" height="20px"></div>
                    <div class="prev-btn" @click="prevWeek"><img src="image/zuo.png" width="10px" height="20px" ></div>
                    <div class="item-group">
                        <div class="item-box">
                            <div class="item-week left-week">
                                <div class="item-day"  @click="toDay">
                                    <div class="item-title">周日</div>
                                    <div class="item-value"></div>
                                    <div class="item-border"></div>
                                </div>
                                <div class="item-day"   @click="toDay">
                                    <div class="item-title">周一</div>
                                    <div class="item-value"></div>
                                    <div class="item-border"></div>
                                </div>
                                <div class="item-day"   @click="toDay">
                                    <div class="item-title">周二</div>
                                    <div class="item-value"></div>
                                    <div class="item-border"></div>
                                </div>
                                <div class="item-day"   @click="toDay">
                                    <div class="item-title">周三</div>
                                    <div class="item-value"></div>
                                    <div class="item-border"></div>
                                </div>
                                <div class="item-day"   @click="toDay">
                                    <div class="item-title">周四</div>
                                    <div class="item-value"></div>
                                    <div class="item-border"></div>
                                </div>
                                <div class="item-day"   @click="toDay">
                                    <div class="item-title">周五</div>
                                    <div class="item-value"></div>
                                    <div class="item-border"></div>
                                </div>
                                <div class="item-day"   @click="toDay">
                                    <div class="item-title">周六</div>
                                    <div class="item-value"></div>
                                    <div class="item-border"></div>
                                </div>
                            </div>
                            <div class="item-week middle-week">
                                <div class="item-day">
                                    <div class="item-title">周日</div>
                                    <div class="item-value"   @click.self="toDay">24</div>
                                    <div class="item-border"></div>
                                    <div class="item-right-border"></div>
                                </div>
                                <div class="item-day item-active">
                                    <div class="item-title">周一</div>
                                    <div class="item-value"   @click.self="toDay">25</div>
                                    <div class="item-border"></div>
                                    <div class="item-right-border"></div>
                                </div>
                                <div class="item-day">
                                    <div class="item-title">周二</div>
                                    <div class="item-value"   @click.self="toDay">26</div>
                                    <div class="item-border"></div>
                                    <div class="item-right-border"></div>
                                </div>
                                <div class="item-day">
                                    <div class="item-title">周三</div>
                                    <div class="item-value"   @click.self="toDay">27</div>
                                    <div class="item-border"></div>
                                    <div class="item-right-border"></div>
                                </div>
                                <div class="item-day" >
                                    <div class="item-title">周四</div>
                                    <div class="item-value"   @click.self="toDay">28</div>
                                    <div class="item-border"></div>
                                    <div class="item-right-border"></div>
                                </div>
                                <div class="item-day">
                                    <div class="item-title">周五</div>
                                    <div class="item-value"   @click.self="toDay">29</div>
                                    <div class="item-border"></div>
                                    <div class="item-right-border"></div>
                                </div>
                                <div class="item-day">
                                    <div class="item-title">周六</div>
                                    <div class="item-value"   @click.self="toDay">30</div>
                                    <div class="item-border"></div>
                                </div>
                            </div>
                            <div class="item-week right-week">
                                <div class="item-day"  @click="toDay">
                                    <div class="item-title">周日</div>
                                    <div class="item-value" >31</div>
                                    <div class="item-border"></div>
                                </div>
                                <div class="item-day item-active"   @click="toDay">
                                    <div class="item-title">周一</div>
                                    <div class="item-value">1</div>
                                    <div class="item-border"></div>
                                </div>
                                <div class="item-day"   @click="toDay">
                                    <div class="item-title">周二</div>
                                    <div class="item-value">2</div>
                                    <div class="item-border"></div>
                                </div>
                                <div class="item-day"   @click="toDay">
                                    <div class="item-title">周三</div>
                                    <div class="item-value">3</div>
                                    <div class="item-border"></div>
                                </div>
                                <div class="item-day"   @click="toDay">
                                    <div class="item-title">周四</div>
                                    <div class="item-value">4</div>
                                    <div class="item-border"></div>
                                </div>
                                <div class="item-day"   @click="toDay">
                                    <div class="item-title">周五</div>
                                    <div class="item-value">5</div>
                                    <div class="item-border"></div>
                                </div>
                                <div class="item-day"   @click="toDay">
                                    <div class="item-title">周六</div>
                                    <div class="item-value">6</div>
                                    <div class="item-border"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--货币列表-->
            <div id="currency-list">
                    <ul class="nav nav-tabs multipart-title">
                        <li class="active"><a href="#optional" >新币上市</a></li>
                    </ul>
                    <div class="tab-content">

                        <!--新币上市-->
                        <div role="tabpanel" class="tab-pane  active" id="optional">
                            <table class="table currency-table">
                                <thead>
                                <tr>
                                    <td>加自选</td>
                                    <td>简称</td>
                                    <td>价格 <img src="image/paixu1.png" class="sort-img" value="1" @click="changeSort" type="1"></td>
                                    <td>24h涨跌幅 <img src="image/paixu1.png" class="sort-img"   value="1" @click="changeSort" type="1"></td>
                                    <td>流通数量 <img src="image/paixu1.png" class="sort-img"   value="1" @click="changeSort" type="1"></td>
                                    <td>24h成交额 <img src="image/paixu1.png" class="sort-img"   value="1" @click="changeSort" type="1"></td>
                                    <td>24h成交量 <img src="image/paixu1.png" class="sort-img"   value="1" @click="changeSort" type="1"></td>
                                    <td>市值 <img src="image/paixu1.png"  class="sort-img"  value="1" @click="changeSort" type="1"></td>
                                    <td>交易所</td>
                                    <td>上市时间</td>
                                </tr>
                                </thead>
                                <tbody>
                                        <tr class="have-data" :value="item.id"  v-for="(item,index) in optional.list" v-cloak="">
                                            <td class="favorite" v-if="item.isFavorite" :value="index">
                                                <img src="image/shoucanghou.png" @click="setFavorite('optional',$event)">
                                            </td>
                                            <td class="favorite" v-else  :value="index">
                                                <img src="image/shoucangqian.png" @click="setFavorite('optional',$event)">
                                            </td>
                                            <td  @click="goCurrencyProfile">{{ item.name }}</td>
                                            <td  @click="goCurrencyProfile">$ {{ item.price }}</td>
                                            <td  @click="goCurrencyProfile" :class="{'font-up':item.isUp, 'font-down':!item.isUp }">{{ item.flowNum }}</td>
                                            <td  @click="goCurrencyProfile">{{ item.circuNum}}</td>
                                            <td  @click="goCurrencyProfile">{{ item.transPrice }}</td>
                                            <td  @click="goCurrencyProfile">{{ item.transNum }}</td>
                                            <td  @click="goCurrencyProfile">{{ item.marketNum }}</td>
                                            <td class="bourse" @click="goCurrencyProfile">{{item.bourse}}</td>
                                            <td>{{ item.createDate}}</td>
                                        </tr>
                                        <tr class="no-data hidden">
                                            <td colspan="10">
                                                暂无信息
                                            </td>
                                        </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
            </div>
        </div>
</div>

<div class="clearfix"></div>
<div id="footer">
    <footer-content></footer-content>
</div>

</body>
</html>
